<template>
  <div>
    <div class="father">
      <div class="titles">
        <van-nav-bar title="关于我们">
          <template #left>
            <van-icon name="arrow-left" size="18" @click="$router.go(-1)" />
          </template>
        </van-nav-bar>
      </div>
      <div class="bodys">
        <div class="bodyse">
          <img src="@/assets/app-logo11.png" alt="">
        </div>
        <div>
          <van-cell title="微信公众号" clickable value="@保洁到家" />
          <van-cell title="新浪微博" clickable value="@保洁到家" />
          <van-cell title="分享给好友" is-link />
          <van-cell title="检查新版本" value="V9.1.3.0" is-link />
          <van-cell title="证照信息" is-link />
        </div>
      </div>
      <div class="footr">
        <div>
          <p>保洁到家 版权所有</p>
          <span>Copyright @ 2014 daojia.All Rights Reserved.</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
  }
</script>

<style lang="scss" scoped>
.father{
  height: 100vh;
  background-color: #f7f7f7;
  // 头部css样式
  .titles{
    .van-icon{
      border: 1px solid #888;
      border-radius: 50%;
      padding: 1px;
      color: #888;
      &:active{
        opacity: 0.4;
      }
    }
  }
  .bodys{
    width: 100vw;
    .bodyse{
      display: flex;
      justify-content: center;
    }
  }
  .footr{
    position: fixed;
    width: 100vw;
    bottom: 10px;
    text-align: center;
    p{
      font-size: 12px;
      color: #888;
    }
    span{
      font-size: 12px;
      color: rgb(52, 52, 97);
    }
  }
}
</style>